<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml"
       xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Hello World</title>
    <link rel="stylesheet"href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css" />
    <script src="http://js.arcgis.com/3.9/"></script>
    <style>
      html,
      body,
      #mapDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
      .nav{
        height: 60px;
      }

    </style>
    <script>
        require(["esri/map","esri/layers/ArcGISDynamicMapServiceLayer",
                "dojo/domReady!"],
            function(Map,ArcGISDynamicMapServiceLayer){
                var map = new Map("mapDiv");
//利用url创建一个动态地图服务对象
                var layer=new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/hubei/MapServer");
//将地图服务对象添加到地图容器中
                map.addLayer(layer);
            })
    </script>
  </head>

<body>
<div class="nav" style="background-color: #219aff;height: 75px;">
  <h1 align="center"  style="width: 95%;float:left;" >湖北省公路网综合评价系统</h1>
 <button type="button" onclick="check()" style="width: 4%;float:left;margin-top: 15px;" >评价</button>
</div>
<div id="mapDiv"></div>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script th:inline="javascript">
    function check() {
        window.location.href='http://localhost:8080/select ';
    }
</script>
</html>